<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="format-detection" content="telephone=no" />
    <title>合约包详情</title>
    <!--合约包详情复制-->
    <link rel="stylesheet" href="../../css/reset.css" />
    <style>
        body {
            width: 100%;
            background-color: #f6f6f6;
            font-size: 0.26rem;
            height: auto;
            padding-bottom: 0.26rem;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            font-family: PingFang SC;
            color: #333333;
            padding-bottom: 0.8rem;
        }

        .testFix {
            width: 100%;
            height: 1rem;
            position: sticky;
            position: -webkit-sticky;
            top: 0;
            left: 0;
            background: url("../../image/sajljl.jpg") no-repeat center;
            background-size: 100% 100%;
            z-index: 100;
        }

        .head {
            width: 100%;
            height: 47px;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            align-items: center;
            -webkit-align-items: center;
            box-sizing: border-box;
            padding: 0 0.26rem;
        }

        .head img {
            width: 0.21rem;
            height: 0.36rem;
        }

        .head_title {
            font-size: 0.32rem;
            color: #333333;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        .showimg {
            width: 100%;
            height: 4.22rem;
        }

        .showimg img {
            width: 100%;
            height: 4.22rem;
        }

        .showItemheader {
            width: 100%;
            height: auto;
            background: url("../../image/newjljdf.png") no-repeat center;
            background-size: cover;
            padding: 0 0.3rem;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-between;
            box-sizing: border-box;
        }

        .showItemheader>p {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: flex-start;
            padding-top: 0.39rem;
            box-sizing: border-box;
        }

        .showItemheader>p>span {
            font-size: 0.32rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(38, 38, 38, 1);
            margin-left: 0.15rem;
        }

        .showItemheader>div {
            width: 100%;
            height: 2rem;
            background: rgba(254, 255, 255, 1);
            box-shadow: 0px 0.14rem 0.35rem 0px rgba(224, 224, 224, 0.1);
            border-radius: 0.06rem;
            margin-top: 0.3rem;
            padding-bottom: 0.2rem;
        }

        .showItemheader>div ul {
            width: 100%;
            height: 100%;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
        }

        .showItemheader>div ul li {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            align-items: flex-start;
            justify-content: space-between;
            padding: 0 0.3rem;
            box-sizing: border-box;
            margin-bottom: 0.2rem;
        }

        .showItemheader>div ul li:first-of-type {
            justify-content: flex-start;
            margin-top: 0.14rem;
            margin-bottom: 0.12rem;
        }

        .bandDays {
            width: 1.57rem;
            height: .44rem;
            background: rgba(251, 246, 218, 1);
            opacity: 0.76;
            border-radius: 0.04rem;
            font-size: 0.22rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(199, 148, 76, 1);
            line-height: 0.44rem;
            text-align: center;
        }

        .showItemheader>div ul li:first-of-type span {
            font-size: 0.3rem;
            color: #262626;
        }

        .showItemheader>div ul li:first-of-type .samllText {
            font-size: 0.18rem;
            padding-top: 0.16rem;
            box-sizing: border-box;
            margin-left: 0.1rem;
        }

        .showItemheader>div ul li:last-of-type p,
        .showItemheader>div ul li:nth-of-type(3) p {
            width: 50%;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            font-size: 0.24rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: #595959;
        }

        .firstitem {
            box-sizing: border-box;
            padding-right: 10%;
        }

        .showItemheader>div ul li:last-of-type p span:last-of-type {
            margin-left: 0.1rem;
            color: #181818;
        }

        .showAboutMachine {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            box-sizing: border-box;
            padding: 0 0.3rem;
        }

        .showtextdetail {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            background-color: #fff;
            box-shadow: 0 0.14rem 0.35rem 0 rgba(224, 224, 224, 0.1);
            border-radius: 0.1rem;
            margin-top: 0.2rem;
            box-sizing: border-box;
            padding-top: 0.28rem;
        }

        .showtextdetail p {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            background-color: #fff;
            padding: 0 0.28rem;
            box-sizing: border-box;
            font-size: 0.26rem;
            color: #262626;
            margin-bottom: 0.25rem;
            font-weight: 500;
        }

        .showtextdetail p:last-of-type {
            margin-bottom: .28rem;
        }

        .showtextdetail p span:first-of-type {
            color: #999999;
        }

        .showbasePower {
            width: 100%;
            height: 0.8rem;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            background-color: #fff;
            padding: 0 0.26rem;
            box-sizing: border-box;
            margin-top: 0.2rem;
            border-radius: 6px;
            font-weight: 500;
        }

        .showbasePower span:first-of-type {
            color: #999999;
        }

        .machineDetail {
            width: 100%;
            height: auto;
            margin-top: 0.2rem;
            border-radius: 6px;
        }

        .machineDetail ul {
            width: 100%;
            height: auto;
            padding: 0 0.26rem;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            background-color: #fff;
            box-sizing: border-box;
        }

        .machineDetail ul li {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            margin-top: 0.43rem;
            box-sizing: border-box;
        }

        .machineDetail ul li:first-of-type {
            margin-top: 0.3rem;
        }

        .machineDetail ul li:last-of-type {
            margin-bottom: 0.43rem;
        }

        .machineDetail ul li b {
            display: block;
            width: 100%;
            height: 0.4rem;
            font-size: 0.3rem;
            position: relative;
            margin-bottom: 0.3rem;
        }

        .machineDetail ul li p {
            font-size: 0.26rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(89, 89, 89, 1);
            line-height: 0.48rem;
        }

        .machineDetail ul li b>span {
            position: absolute;
            width: 1.3rem;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 1;
            text-align: center;
        }

        .machineDetail ul li b>i {
            font-size: 0.3rem;
            position: absolute;
            width: 1.3rem;
            height: 0.1rem;
            content: " ";
            left: 0;
            bottom: 0;
            background-color: #FFD203;
            opacity: 0.5;
            z-index: 0;
        }

        .showButton {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-top: 0.35rem;
        }

        .showButton button {
            width: 6.88rem;
            height: 0.8rem;
            outline: none;
            border: none;
            background: rgba(255, 217, 64, 1);
            border-radius: 0.1rem;
            text-align: center;
            line-height: 0.8rem;
            font-size: 0.28rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(38, 38, 38, 1);
            margin-bottom: 0.25rem;
        }

        .showSevice {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            padding: 0 0.3rem;
            box-sizing: border-box;
            background-color: #ffffff;
            margin-top: 0.2rem;
            border-radius: 0.1rem;
            font-size: 0.22rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(38, 38, 38, 1);
        }

        .showSevice p {
            width: 100%;
            height: 0.9rem;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
        }

        .showSevice p:last-of-type {
            border-top: 1px solid #EEEEEE;
        }

        .showSevice p:first-of-type span:first-of-type {
            font-size: 0.28rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(38, 38, 38, 1);
        }

        .back {
            background-color: #f1f1f1;
            border-radius: 0 0 0 0.1rem;
        }

        .rechargeDetail {
            color: #999999;
            font-size: 0.24rem;
            overflow: hidden;
            background: #fff;
            width: 100%;
            margin-top: 0.2rem;
            border-radius: 0.1rem;
            padding: 0.33rem 0.28rem;
            box-sizing: border-box;
        }

        .rechargeDetail>div {
            float: left;
        }

        .rechargeDetail>div:first-child {
            width: 40%;
        }

        .rechargeDetail>div:nth-child(2) {
            width: 35%;
        }

        .rechargeDetail>div>p:nth-child(2) {
            padding: 0.25rem 0;
            color: #262626;
        }

        .rechargeDetail>div:nth-child(2)>p:nth-child(2) {
            color: #F15342;
        }

        .rechargeDetail .toAdd {
            background: #FFD203;
            padding: 0.19rem 0.34rem;
            border-radius: 0.04rem;
            color: #262626;
            display: inline-block;
            line-height: 100%;
        }

        .rechargeDetail>div:last-child {
            float: right;
        }

        .rechargeDetail .seeRechargeDetail {
            text-decoration: underline;
        }

        .incomenStatisc {
            padding: 0 0.28rem;
            background: #fff;
            margin-top: 0.2rem;
            border-radius: 0.04rem;
            width: 100%;
            box-sizing: border-box;
            padding-bottom: 0.3rem;
            padding-top: 0.1rem;
        }

        .incomenStatisc .topTitle {
            height: 0.8rem;
            line-height: 0.8rem;
        }

        .incomenStatisc .isPro,
        .incomenStatisc .proOver {
            line-height: 0.34rem;
            height: 0.34rem;
            font-size: 0.2rem;
            padding: 0.05rem 0.1rem;
        }

        .incomenStatisc .isPro {
            color: #F4930A;
            background: rgba(255, 163, 3, 0.12);
        }

        .incomenStatisc .proOver {
            color: #22C2B5;
            background: rgba(34, 194, 181, 0.13);
        }

        .incomenStatisc .topTitle .title {
            color: #262626;
            font-size: 0.28rem;
        }

        .incomenStatisc .clm {
            overflow: hidden;
            padding-bottom: 0.2rem;
        }

        .incomenStatisc .clm>span {
            float: left;
        }

        .incomenStatisc .clm>span:first-child {
            color: #999999;
            font-size: 0.24rem;
            width: 1.6rem;
            display: inline-block;
        }

        .incomenStatisc .clm>.ct {
            padding-left: 0rem;
            display: block;
            float: left;
            width: calc(100% - 1.6rem);
            box-sizing: border-box;
            font-size: 0.24rem;
        }

        .incomenStatisc .clm>.ct>span {
            display: inline-block;
            width: 100%;
        }

        .incomenStatisc .btm {
            line-height: 130%;
            font-size: 0.22rem;
            color: #898989;
            background: #FEFAEC;
            padding: 0.19rem 0.15rem;
        }

        .incomenStatisc .clm:last-child {
            padding-bottom: 0;
        }

        .incomenStatisc .hide {
            display: none !important;
        }

        .suanlibaoDetail {
            width: 6.9rem;
            height: auto;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            background-color: #fff;
            border-radius: 0.06rem;
            margin-left: calc((100% - 6.9rem) / 2);
            margin-top: 0.2rem;
            padding: 0 0.28rem;
            padding-bottom: 0.25rem;
            box-sizing: border-box;
        }

        .suanlibaoDetail>div,
        .suanlibaoDetail>p {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            font-size: 0.24rem;
            color: #9A9A9A;
        }

        .showPartners {
            width: 100%;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            padding: 0.31rem 0 0.24rem 0;
            border-bottom: 1px solid rgba(238, 238, 238, 1);
            margin-bottom: 0.24rem;
        }

        .showPartners p {
            width: 100%;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
        }

        .baozhangName {
            font-size: 0.28rem;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(39, 39, 39, 1);
        }

        .showStatus {
            display: inline-block;
            width: 1.5rem;
            height: 0.4rem;
            background: rgba(255, 243, 243, 1);
            border-radius: 0.04rem;
            font-size: 0.22rem;
            color: rgba(242, 68, 68, 1);
            line-height: 0.4rem;
            text-align: center;
        }

        .orderID {
            margin-top: 0.1rem;
            font-size: 0.22rem;
            font-family: PingFang SC;
            font-weight: 500;
            color: rgba(154, 154, 154, 1);
        }

        .suanlibaoDetail>p span:last-of-type {
            color: rgba(39, 39, 39, 1);
        }

        .suanlibaoDetail>p {
            margin-bottom: 0.1rem;
        }

        .suanlibaoDetail>p>span:first-of-type {
            color: #9A9A9A;
        }

        .speedProgress {
            flex-direction: column;
        }

        .speedProgress>p,
        .speedProgress>div {
            width: 100%;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
        }

        .lineLength {
            margin-right: 0.1rem;
            width: 6rem;
            height: 6px;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: flex-start;
            background-color: #DEDEDE;
        }

        .lineLength>b {
            width: 0rem;
            height: 6px;
            background-color: #ffd203;
        }

        .statusImg {
            width: 0.36rem;
        }

        .huiben {
            color: #F4940B;
        }

        .situation {
            width: 100%;
            height: auto;
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            background-color: #FAFBFD;
            border-radius: 0.06rem;
            padding: 0 0.28rem;
            box-sizing: border-box;
            margin-top: 0.2rem;
        }

        .situationText {
            width: 100%;
            height: 0.61rem;
            line-height: 0.61rem;
            color: #507EF3;
            font-size: 0.26rem;
            border-bottom: 1px solid #EEEEEE;
            margin-bottom: 0.2rem;
        }

        .situation ul {
            width: 100%;
            display: flex;
            display: -webkit-flex;
            height: auto;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
        }

        .situation ul li {
            width: 100%;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 0.2rem;
            color: #5A5A5A;
            font-size: 0.24rem;
        }

        .situation ul li>span:last-of-type {
            color: #272727;
        }

        .aui-switch {
            width: 1rem;
            height: 0.54rem;
            position: relative;
            vertical-align: top;
            border: 1px solid #dddddd;
            background-color: #dddddd;
            border-radius: 0.54rem;
            background-clip: content-box;
            display: inline-block;
            outline: none;
            -webkit-appearance: none;
            appearance: none;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .aui-switch:before {
            width: 0.53rem;
            height: 0.53rem;
            position: absolute;
            top: -0.01rem;
            left: -0.02rem;
            border-radius: 0.5rem;
            background-color: #fff;
            content: "";
            -webkit-transition: left 0.2s;
            transition: left 0.2s;
        }

        .aui-switch:checked {
            border-color: #ffd203;
            background-color: #ffd203;
        }

        .aui-switch:checked:before {
            left: 0.42rem;
        }
    </style>
</head>

<body>
    <div class="testFix">
        <div class="head" style="position: relative">
            <span id="goback"
                style="position: absolute;z-index: 1;left: 0;padding: 0 0.3rem; padding-right: 0.5rem;top: 0;height: 100%; box-sizing: border-box;line-height: 47px;">
                <img src="../../image/left_jiantouax.png" alt="" style="width: 10px;height: auto" />
            </span>
            <span class="head_title" style="display: block;width: 100%;text-align: center">
                合约包详情
            </span>
            <span style="display: inline-block;width: 0.21rem;height: 0.36rem;">
            </span>
        </div>
    </div>
    <div class="showItemheader">
        <p>
            <img src="../../image/iconbsasx.png" id="imgSrcchange"
                style="width: 0.67rem;height: 0.3rem;border-radius:0.08rem;">
            <span class="name_th">
            </span>
        </p>
        <div>
            <ul>
                <li style="margin-bottom: 0.1rem;">
                    <span class="deposit" style="font-size: 0.36rem;">0</span>
                    <span class="moneyType samllText">CNY</span>
                    <span class="showCoupon" style="display: none;">
                        <img src="../../image/iconquanx.png" style="width: 0.26rem;margin-left: 0.1rem;">
                        <span style="color: #F78559;font-size: 0.22rem;">
                            含抵扣 500 CNY
                        </span>
                    </span>
                </li>
                <li style="justify-content: flex-start;margin-bottom: 0.2rem;">
                    <!-- <p style="height: 0.44rem;line-height: 0.44rem;text-align: center;margin-right: 0.2rem;background-color: #FCF5E2;color:#F19224;font-size: 0.22rem;padding: 0 0.15rem;border-radius: 0.04rem;display: none;"
                        id="showRecoveryImg">
                        不可回购
                    </p> -->
                    <p class="bandDays" style="display: none;">
                        锁定期
                        <span class="daylimit">
                            0天
                        </span>
                    </p>
                    <p style="display:flex;align-items: center;">
                        <span id="showVoucher"
                            style="display:inline-block;width:1.1rem;height:0.44rem;line-height: 0.44rem;background:#edfff2;color:#80d699;font-size:0.19rem;text-align: center;border-radius:0.05rem;margin-left: 0.3rem;display: none;">已司法存证</span>
                        <span id="showtime"
                            style="display:inline-block;padding: 0 0.1rem;height:0.44rem;line-height: 0.44rem;background:#ffe3e6;color:#ff6678;font-size:0.19rem;text-align: center;border-radius:0.05rem;box-sizing: border-box;display: none;">
                            即将到期
                        </span>
                    </p>
                </li>
                <li>
                    <p class="firstitem">
                        <span>
                            订单份额
                        </span>
                        <span class="disnum">
                            0T
                        </span>
                    </p>
                    <p>
                        <span>
                            BTC总算力
                        </span>
                        <span class="maxRentNum">
                            0T
                        </span>
                    </p>
                </li>
                <li class="showBhpNum" style="display: none;">
                    <p class="firstitem">
                        <span>
                            BHP参配算力
                        </span>
                        <span class="bhppowerNum">
                            0T
                        </span>
                    </p>
                    <p>
                    </p>
                </li>
            </ul>
        </div>
    </div>
    <div class="showAboutMachine">
        <div class="showtextdetail">
            <p>
                <span>
                    订单号
                </span>
                <span class="orderNumber">
                    000000000
                </span>
            </p>
            <p>
                <span>
                    分币比例
                </span>
                <span class="digtimeBhppower" style="color: #FA4C4C;">
                    0.00%
                </span>
            </p>
            <p>
                <span>
                    发币方式
                </span>
                <span class="digtime">
                    日结，次日发放至账户
                </span>
            </p>
            <p>
                <span>
                    开挖时间
                </span>
                <span class="BeginrunningDate">
                </span>
            </p>
            <p id="showEndTime" style="display: none;">
                <span class="changeName">
                    锁定时间
                </span>
                <span class="endDate">
                </span>
            </p>
            <p id="stopRentTime" style="display: none;">
                <span>
                    退单时间
                </span>
                <span class="stopRentTime">
                </span>
            </p>
            <p id="tranferTime" style="display: none;">
                <span>
                    续单时间
                </span>
                <span class="tranferTime">
                </span>
            </p>
            <p>
                <span>
                    算力来源
                </span>
                <span class="calculateSource">
                </span>
            </p>
        </div>
        <div class="showbasePower" style="border-radius: 0.1rem 0.1rem 0 0;">
            <span>
                单份到手BTC算力
            </span>
            <span>
                <span class="maxRent" style="color: #262626;">
                    0.00
                </span>
            </span>
        </div>
        <div class="showbasePower"
            style="margin-top: 0;border-radius: 0;border-bottom: 1px solid #eeeeee;border-top:1px solid #eeeeee;">
            <span>
                单份基础BTC算力
            </span>
            <span class="basepowerNum">
                0.00
            </span>
        </div>
        <div class="showbasePower showBhpNum"
            style="margin-top: 0;border-radius: 0;border-bottom: 1px solid #eeeeee;border-top:1px solid #eeeeee;display: none;">
            <span>
                单份BHP参配算力
            </span>
            <span class="baseBhppowerNum">
                0.00
            </span>
        </div>
        <div class="rechargeDetail" style="display:none;">
            <div>
                <p>合约包剩余天数</p>
                <p class="powerLeastDays">天</p>
                <p class="seeRechargeDetail">充值明细>></p>
            </div>
            <div>
                <p>电费包剩余</p>
                <p class="powerLeastDays2">天</p>
            </div>
            <div>
                <span class="toAdd" id="addElectric">去充值</span>
            </div>
        </div>
        <div class="incomenStatisc">
            <p class="topTitle">
                <span class="title">收益统计</span>
                <!-- <span class="isPro hide">收益保障中</span>
                <span class="proOver hide">保障已完成</span> -->
            </p>
            <div class="clm">
                <span>当前产出</span>
                <div class="ct">
                    <span style="padding-bottom: 0.1rem"><span class="historyPro">0.0000000 BTC </span> <span
                            style="color: #999" class="historyProCny">≈0.00CNY</span></span>
                    <span class="historyProBhp" style="display: none;"> <span class="bhpHistory">0.00 BHP</span> <span
                            style="color: #999" class="historyBhpCny">≈0.00 CNY</span></span>
                </div>
            </div>
            <div class="clm">
                <span>产币天数</span>
                <div class="ct">
                    <span><span class="p_days"></span>天</span>
                </div>
            </div>
            <div class="clm">
                <span>当前回本率</span>
                <div class="ct">
                    <span><span class="p_get_rate"></span>%</span>
                </div>
            </div>
        </div>
        <!-- <div class="showSevice" style="display: none;">
            <p class="goServicePage">
                <span>
                    增值服务
                </span>
                <span>
                    <span class="serviceStatus"
                        style="font-size:0.24rem;font-family:PingFang SC;font-weight:500;color:rgba(89,89,89,0.65);">
                    </span>
                    <img src="../../image/right_jintou.png" alt="">
                </span>
            </p>
            <p class="hideClassStatus" style="display: none;">
                <span class="serviceName"></span>
                <span class="endTimeSevice" style="color: #898989;"> </span>
            </p>
        </div> -->
    </div>
    <div class="suanlibaoDetail" style="display: none;">
        <div class="showPartners">
            <p>
                <b class="baozhangName">
                    --
                </b>
                <span class="showStatus">
                    保障达成
                </span>
            </p>
            <p class="orderID">
                <span class="orderIdNum">
                    --
                </span>
                <span>
                    合约销售方:BHPAY
                </span>
            </p>
        </div>
        <p>
            <span>
                回本后分币比例
            </span>
            <span class="denomination">
                XX%
            </span>
        </p>
        <p>
            <span>
                合约费用
            </span>
            <span class="costNum">
                --
            </span>
        </p>
        <p>
            <span>
                保障金额(<span class="guaranteeBai" style="color:#9a9a9a;"></span>)
            </span>
            <span class="guaranteeNum">
                --
            </span>
        </p>
        <div class="speedProgress">
            <p>
                <span class="huiben">
                    回本进度: <span class="huibenData"></span>
                </span>
                <span>
                    保障率: <span class="baozhangLu"></span>
                </span>
            </p>
            <p class="bagsMoney" style="margin: 0.5rem 0 0.2rem 0;">
                <span class="showDialog" style="color: #262626;font-size: 0.28rem;">
                    达到保障率，委托自动卖币 <img src="../../image/iconshiyixasd.png" style="width:0.28rem;">
                </span>
                <span style="display: inline-block;">
                    <input type="checkbox" class="aui-switch" id="chooseNewRuler" data-flag="false" />
                </span>
            </p>
            <div style="margin-top:0.06rem;">
                <p class="lineLength">
                    <b class="inlineLength"></b>
                </p>
                <img src="../../image/weidaodaox.png" class="statusImg">
            </div>
        </div>
        <div class="situation" style="display: none;">
            <p class="situationText">
                保障率已达成，转入收益共享阶段
            </p>
            <ul>
                <li>
                    <span>
                        时间
                    </span>
                    <span class="arrtimeData">
                        --
                    </span>
                </li>
                <li>
                    <span>
                        币价
                    </span>
                    <span>
                        1BTC <span class="coinPrice">≈-- CNY</span>
                        <!-- <br>
                        1BHP<span class="coinPrice">≈-- CNY</span> -->
                    </span>
                </li>
                <li class="suanlibaoRe" style="font-weight: 600;color: #f4930a;">
                    <span>
                        算力宝补偿
                    </span>
                    <span style="font-weight: 600;color: #f4930a;" class="showsuanlibao">
                        --
                    </span>
                </li>
                <li>
                    <span>
                        产币价值
                    </span>
                    <span class="coinValuation">
                        -- CNY
                    </span>
                </li>
                <li style="font-weight: 600;color: #f4930a;">
                    <span>
                        实际回本率
                    </span>
                    <span class="huibenNue" style="font-weight: 600;color: #f4930a;">
                        --
                    </span>
                </li>
                <li class="ensuteSell">
                    <span>
                        委托卖币收入
                    </span>
                    <span class="weituoStatus" style="display: flex;flex-direction: column;">
                        <span class="autosellUsdt">

                        </span>
                        <span class="autoSellCnyNum">

                        </span>
                    </span>
                </li>
            </ul>
        </div>
    </div>
</body>

</html>
<script src="../../script/autosize.js"></script>
<script src="../../script/jquery_three_two_one.js"></script>
<script src="../../script/fastclick.js"></script>
<script src="../../script/app.js"></script>
<script>
    apiready = function () {
        var app = new APP();
        var account = app.getAccount();
        var cointype = api.pageParam.cointype;
        var machineId = api.pageParam.id;
        var pagename = api.pageParam.name;//页面名称
        var ischeckVoucher = api.pageParam.ischeckVoucher; //是否显示司法存证
        var orderId = api.pageParam.orderId; //订单ID
        var textColor = api.pageParam.textColor; //文字颜色
        var machineState = api.pageParam.machineState; //机器状态
        var reTwo = /([0-9]+\.[0-9]{0,2})[0-9]*/;
        var thisMatchine; //机器信息
        var handsPower = 0;//到手总算力
        var rentUnit = "CNY";//租用机器支付的方式
        var refour = /([0-9]+\.[0-9]{4})[0-9]*/;
        $(".seeRechargeDetail").click(function () {
            app.openWin({
                name: "recharge_detail_headerwin",
                url: app.hd + "common/headerwin.html",
                pageParam: {
                    subpage: "mine/recharge_detail",
                    name: "recharge_detail",
                    title: "充值明细",
                    order_id: orderId
                }
            });
        });
        $(".showDialog").click(function(params) {
        var param = {
                dtype: "dialog47",
                data: {
                    text: "当收益达到保障率，算力宝销售方将把产币卖为USDT,<span style='color:#ED3434'>发放至BHPAY</span>",
                    underTexttips: "*实际成交价以市场价为准",
                    event: "openSellAuto"
                }
            };
            app.dialog(param);
        })
        var getbhpStore = app.bhpayIsLine();
        $("#addElectric").click(function () {
            app.openWin({
                name: "chose_electric_power_headerwin",
                url: app.hd + "common/headerwin.html",
                pageParam: {
                    subpage: "mine/chose_electric_power",
                    name: "chose_electric_power",
                    title: "选购电费包",
                    data: thisMatchine,
                    machineId: machineId,
                    order_id: orderId,
                    handsPower: handsPower
                }
            });
        })
        app.ajaxPro({
            url: "order/get",
            values: {
                token: account.token,
                orderId: orderId
            },
            openFlower: true
        }, function (ret) {
            if (ret.code == 200) {
                thisMatchine = ret.data;
                // var isPro = thisMatchine.insuranceOrderId > 0 && thisMatchine.newInsuranceOrder && thisMatchine.newInsuranceOrder.settlement_state == 0;
                // if (isPro) {
                //     $(".isPro").removeClass('hide');
                // }
                // var proOver = thisMatchine.insuranceOrderId > 0 && thisMatchine.newInsuranceOrder && thisMatchine.newInsuranceOrder.settlement_state == 1;
                // if (proOver) {
                //     $(".proOver").removeClass('hide');
                // }
                $(".p_btc").text(thisMatchine.btcIncomeNum);
                $(".p_btc_cny").text(thisMatchine.btcIncomeToCny);
                $(".p_bhp").text(thisMatchine.bhpPower);
                $(".p_bhp_cny").text(thisMatchine.bhpIncomeToCny);
                $(".p_days").text(thisMatchine.toNow);
                $(".p_get_rate").text(app.sliceNum(thisMatchine.income_rate, 2));
                // console.log('thisMatchine+++++++++++' + JSON.stringify(thisMatchine));
                var limitRentUnit = "T";
                $(".powerLeastDays").text(thisMatchine.toEnd + '天');
                $(".powerLeastDays2").text(thisMatchine.eToEnd + ' 天');
                if (thisMatchine.currencyCode != "BTC") {
                    limitRentUnit = "M";
                }
                if (thisMatchine.type == 11) {
                    $(".rechargeDetail").show();
                }
                if (thisMatchine.preferential && thisMatchine.preferential > 0) {
                    $(".showCoupon").show().find("span").text("含抵扣" + thisMatchine.preferential + thisMatchine.paymentCurrencyCode)
                }
                if (thisMatchine.dragStatus != 1 && thisMatchine.dragStatus != 0) {
                    $("#stopRentTime").show();
                    $(".stopRentTime").text(thisMatchine.updateTime);
                }
                if (thisMatchine.renewalTime) {
                    $(".tranferTime").text(thisMatchine.renewalTime);
                    $("#tranferTime").show()
                }
                if (Number(thisMatchine.freezeNum) != 0) {
                    $("#tranferPower").show()
                    $(".tranferPower").text(thisMatchine.freezeNum + "份");
                }
                if (thisMatchine.state == 0 && Number(app.numSub(thisMatchine.rawNum, thisMatchine.num)) != 0) {
                    $("#stopRentPower,.stopRentPower").show();
                    $(".stopRentPower").text(app.numSub(thisMatchine.rawNum, thisMatchine.num) + "份");
                }
                if (thisMatchine.state == 2 || thisMatchine.state == 1) {
                    $("#stopRentPower,.stopRentPower").show();
                    $(".stopRentPower").text(thisMatchine.rawNum + "份");
                }
                $(".digtimeBhppower").text(app.accMul(thisMatchine.distributionRate, 100) + "%");
                if (thisMatchine.regularDateNum > 30) {
                    if (thisMatchine.type == 10) {
                        $(".changeName").text("到期时间");
                    }
                    $("#showEndTime").show();
                    $(".endDate").text(thisMatchine.endTime);
                }
                if (thisMatchine.isBhpPos == 1) {
                    $(".bhpcshow").show();
                } else {
                    $("#imgSrcchange").css({
                        "width": "0.3rem",
                        "height": "0.3rem"
                    })
                    if (thisMatchine.currencyCode == "BTC") {
                        $("#imgSrcchange").attr("src", "../../image/iconasxx.png");
                    } else if (thisMatchine.currencyCode == "ETH") {
                        $("#imgSrcchange").attr("src", "../../image/iconcethx.png");
                    } else {
                        $("#imgSrcchange").attr("src", "../../image/icondltcx.png");
                    }
                    // $(".showthisText").css("marginTop", "0.28rem");
                }
                if (thisMatchine.updateTime) {
                    //指定时间的时间戳(s)
                    var operTime = app.toSecond(thisMatchine.updateTime);
                    //返回当前时间的时间戳(s)
                    var nowThisTime = app.getCurStamp();
                    var isShowEnd = operTime - nowThisTime;
                    if (thisMatchine.is_regular != 0 && isShowEnd < 604800) {
                        $("#showtime").show();
                    }
                    if (nowThisTime > operTime) {
                        $("#showtime").hide();
                    }
                }
                if (thisMatchine.newInsuranceOrder) {
                    $(".showSevice,.suanlibaoDetail").show();
                    if (thisMatchine.newInsuranceOrder && thisMatchine.newInsuranceOrder.is_auto_mb == 1) {
                        $("#chooseNewRuler").prop("checked", true);
                        $(".autosellUsdt").text((thisMatchine.newInsuranceOrder.btc_usdt_amount || 0) + "USDT");
                        $(".autoSellCnyNum").text("≈" + app.sliceNum(app.accMul(thisMatchine.newInsuranceOrder.btc_usdt_amount || 0, thisMatchine.usdtPrice), 2) + "CNY")
                    }
                    if (thisMatchine.newInsuranceOrder.settlement_state != 0) {
                        $(".bagsMoney").hide();
                    }
                    $(".goServicePage").click(function () {
                        if (thisMatchine.type == 11 || thisMatchine.type == 10) {
                            app.openWin({
                                name: "suanlibao_detail",
                                url: app.hd + "mine/suanlibao_detail.html",
                                pageParam: {
                                    subpage: "mine/suanlibao_detail",
                                    name: "suanlibao_detail",
                                    title: "保险合约包详情",
                                    insuranceContract: thisMatchine.insuranceContract,
                                    newInsuranceOrder: thisMatchine.newInsuranceOrder,
                                    machineDetail: thisMatchine
                                }
                            })
                        }
                    });
                    $(".hideClassStatus").show();
                    $(".serviceName").text(thisMatchine.insuranceContract.name);
                    $(".endTimeSevice").text(thisMatchine.newInsuranceOrder.create_time.replace(/-/g, "/").split(' ')[0] + "-" + thisMatchine.newInsuranceOrder.settlement_time.replace(/-/g, "/").split(' ')[0]);
                    //回本进度
                    var unitPay = thisMatchine.paymentCurrencyCode;
                    $(".orderIdNum").text(thisMatchine.newInsuranceOrder.order_id);
                    var percentageNum = 0;
                    if (thisMatchine.newInsuranceOrder.settlement_type > 0) {
                        percentageNum = app.sliceNum(app.accMul(thisMatchine.newInsuranceOrder.hb_rate, 100), 2);
                    } else {
                        percentageNum = app.sliceNum(thisMatchine.income_rate, 2);
                    }
                    $(".inlineLength").css("width", (percentageNum > 100 ? 100 : percentageNum) + "%");
                    $(".baozhangName").text(thisMatchine.insuranceContract.name);
                    $(".huibenData").text(percentageNum + "%");
                    var calclaterNum = app.accDiv(thisMatchine.newInsuranceOrder.security, 100);//保障率 整数换成小数 90- 0.9               
                    var suanlibaoStatus = thisMatchine.newInsuranceOrder.settlement_type;
                    if (getbhpStore != "true" || suanlibaoStatus == 3 || suanlibaoStatus == 2) {
                        $(".bagsMoney").hide(); 
                    }
                    if (suanlibaoStatus == 3) {
                        $(".showStatus").text("保障达成");
                        $(".situation").fadeIn();
                        $(".arrtimeData").text(thisMatchine.newInsuranceOrder.pay_back_time);
                        $(".coinPrice").text("≈" + thisMatchine.newInsuranceOrder.settlement_coin_price + "CNY");
                        if (thisMatchine.isBhpPos == 1) {
                            $(".coinValuation").text(app.sliceNum(app.accAdd(thisMatchine.btcIncomeToCny, thisMatchine.bhpIncomeToCny), 2) + "CNY");
                        } else {
                            $(".coinValuation").text(app.sliceNum(thisMatchine.btcIncomeToCny, 2) + "CNY");
                        }
                        $(".huibenNue").text(percentageNum + "%");
                        $(".statusImg").attr("src", "../../image/yidaodax.png");
                    } else if (suanlibaoStatus == 2) {
                        $(".ensuteSell").hide();
                        $(".showStatus").css({
                            color: "#33BA8F",
                            backgroundColor: "#EFFAF7"
                        }).text("保障达成");
                        $(".suanlibaoRe").show();
                        $(".showsuanlibao").html(thisMatchine.newInsuranceOrder.compensation + "<br/> ≈"+app.sliceNum(app.accMul(thisMatchine.newInsuranceOrder.compensation,thisMatchine.newInsuranceOrder.settlement_coin_price),2)+"CNY")
                        $(".situation").fadeIn();
                        $(".situationText").text("回本率未达保障率，算力宝已补偿");
                        $(".arrtimeData").text(thisMatchine.newInsuranceOrder.settlement_time);
                        $(".coinPrice").text("≈" + thisMatchine.newInsuranceOrder.settlement_coin_price + "CNY");
                        if (thisMatchine.isBhpPos == 1) {
                            $(".coinValuation").text(app.sliceNum(app.accAdd(thisMatchine.btcIncomeToCny, thisMatchine.bhpIncomeToCny), 2) + "CNY");
                        } else {
                            $(".coinValuation").text(app.sliceNum(thisMatchine.btcIncomeToCny, 2) + "CNY");
                        }
                        $(".huibenNue").text(percentageNum + "%");
                    } else {
                        $(".showStatus").css({
                            color: "#F4940B",
                            backgroundColor: "#FEF4E0"
                        }).text("收益保障中");
                    };
                    $(".denomination").text("70%");
                    $(".costNum").text(app.sliceNum(thisMatchine.newInsuranceOrder.degression, 2) + unitPay);
                    $(".guaranteeBai").text(thisMatchine.newInsuranceOrder.security + "%");
                    $(".guaranteeNum").text(app.sliceNum(app.accMul(thisMatchine.newInsuranceOrder.degression, calclaterNum), 2) + "CNY");
                    if (unitPay == "USDT") {
                        $(".guaranteeNum").text(app.sliceNum(app.accMul(thisMatchine.newInsuranceOrder.degression, calclaterNum), 4) + "USDT");
                    }
                    $(".baozhangLu").text(thisMatchine.newInsuranceOrder.security + "%");
                }
                $(".showMorePower").click(function () {
                    var param = {
                        dtype: "dialog281",
                        data: {
                            floatpower: thisMatchine.floatPower + limitRentUnit,
                            pepower: thisMatchine.pePower + limitRentUnit,
                            setdatepower: thisMatchine.regularPower + limitRentUnit,
                            hopepower: thisMatchine.futuresPower + limitRentUnit,
                            totalpower: addRewardPower + limitRentUnit
                        }
                    };
                    app.dialog(param);
                });
                var btcGetNum = (thisMatchine.btcIncomeNum == 0 ? "0.00000000" : thisMatchine.btcIncomeNum) + "个/" + cointype;
                $(".historyPro").text(btcGetNum);
                $(".historyProCny").text("≈" + app.sliceNum(thisMatchine.btcIncomeToCny, 2) + "CNY");
                if (thisMatchine.isBhpPos == 1) {
                    var bhpGetNum = (thisMatchine.bhpIncomeNum == 0 ? '0.0000' : app.sliceNum(thisMatchine.bhpIncomeNum, 4)) + "个/" + "BHP";
                    $(".historyProBhp").show().find(".bhpHistory").text(bhpGetNum);
                    $(".historyBhpCny").text("≈" + app.sliceNum(thisMatchine.bhpIncomeToCny, 2) + "CNY");
                }
                if (thisMatchine.regularPower > 0) {
                    $(".bandDays").show();
                    $(".daylimit").text(thisMatchine.regularDateNum + "天");
                }
                $(".machine-type>span").eq(0).text(thisMatchine.isBhpPos == 1 ? cointype + "+" + "BHP" : cointype);
                if (thisMatchine.paymentCurrencyCode == "BCNY") {
                    $(".showtype").text("1 BCNY");
                } else {
                    $(".showtype").text("1 CNY");
                }
                var totalPrice = app.accMul(thisMatchine.num, thisMatchine.productDeposit);//总租金
                $(".deposit").text(totalPrice);
                $(".orderNumber").text(thisMatchine.orderId);
                $(".moneyType").text(thisMatchine.paymentCurrencyCode);
                $(".disnum").text(thisMatchine.num + "份");
                $(".name_th").text(thisMatchine.productName);
                $(".BeginrunningDate").text(thisMatchine.startTime);
                $(".calculateSource").text(thisMatchine.powerNodeName);
                $(".maxRent").text(Number(thisMatchine.computingPower) + limitRentUnit);
                handsPower = app.accMul(thisMatchine.computingPower, thisMatchine.num) + limitRentUnit;
                $(".maxRentNum").text(handsPower);
                var addRewardPower = app.moreAccAdd(
                    thisMatchine.futuresPower,
                    thisMatchine.regularPower,
                    thisMatchine.floatPower,
                    thisMatchine.pePower
                )
                $(".baseAllNum").text(addRewardPower + limitRentUnit);
                $(".basepowerNum").text(Number(thisMatchine.basePower) + limitRentUnit);
                if (thisMatchine.isBhpPos == 1) {
                    $(".showBhpNum").show();
                    $(".baseBhppowerNum,.bhppowerNum").text(app.accMul(thisMatchine.bhpPower, thisMatchine.num) + limitRentUnit);
                }
                if (thisMatchine.state != 0) {
                    $("#stopRentNew").hide();
                    $("#relet").hide();
                    $("#sellandbuy").hide();
                }
                if (thisMatchine.type == 10) {
                    $("#showRecoveryImg").show();
                }
                if (thisMatchine.is_new == 1) {
                    $(".showStopTime").show();
                }
                if (thisMatchine.type == 4 && thisMatchine.productId == 0) {
                    $("#relet,#sellandbuy").hide();
                }
            }
            app.handlePage();
        });
        $("#chooseNewRuler").on("click", function () {
            var thisVal = $(this).is(":checked");
            if (thisVal) {
                var param = {
                    dtype: "dialog53",
                    data: {
                        title: '提示',
                        text: "达到保障率，产出将自动卖为USDT,发放至BHPAY，确认开启吗？",
                        waringText: "*开关打开后，在下次分币后生效",
                        waringTextColor: "#9A9A9A",
                        cancel: 'cancelUsdt',
                        confirm: 'sellUsdtCoin',
                        cancentxt: '取消',
                        confirmtxt: '确认',
                        stopPropagation: true,//阻止点击body冒泡
                    }
                };
            } else {
                var param = {
                    dtype: "dialog53",
                    data: {
                        title: '提示',
                        text: "关闭自动卖币，达到保障率时，产出将不会自动卖出,确认关闭么？",
                        waringText: "*开关关闭后，在下次分币后生效",
                        waringTextColor: "#9A9A9A",
                        cancel: 'cancelIsture',
                        confirm: 'canleCloseSell',
                        cancentxt: '取消',
                        confirmtxt: '确认',
                        stopPropagation: true,//阻止点击body冒泡
                    }
                };
            }
            app.dialog(param);
        })
        function opeaSwitch(onArr, closeArr) {
            app.ajaxPro({
                url: "order/switch-on",
                values: {
                    token: account.token,
                    on_order_str: onArr,
                    off_order_str: closeArr
                },
                openFlower: true
            }, function (ret) {
                if (ret.code == 200) {
                    app.toast("设置成功");
                    setTimeout(function() {
                        app.closeW();
                    },2000)
                } else {
                    $("#chooseNewRuler").prop("checked", false);
                    app.toast(ret.message);
                }
            })
        };
        app.listen("cancelUsdt", function () {
            $("#chooseNewRuler").prop("checked", false);
        })
        app.listen("cancelIsture", function () {
            $("#chooseNewRuler").prop("checked", true);
        })
        app.listen("sellUsdtCoin", function () {
            opeaSwitch(thisMatchine.orderId, "");
        })
        app.listen("canleCloseSell", function () {
            opeaSwitch("", thisMatchine.orderId);
        })
        var event = ["renew_success", "relet_success", "stop_rent_success"];
        app.listen(event, function () {
            app.reload();
        });
        app.listen("transferSe", function () {
            setTimeout(function () {
                api.closeWin(pagename);
            }, 500);
        })
        $("#goback").click(function () {
            app.closeW();
        })
    }
</script>